@charset "UTF-8";
 html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p, blockquote,pre,hr,figure,table,caption,th,td,form,fieldset, legend,input,button,textarea,menu{
     margin:0;
     padding:0;
}
 html,body,fieldset,img,iframe,abbr{
     border:0;
}
 li{
     list-style:none;
}
 textarea{
     overflow:auto;
}
 a,button{
     cursor:pointer;
}
 h1,h2,h3,h4,h5,h6,em,strong,b{
     font-weight:bold;
}
 a,a:hover{
     text-decoration:none;
     outline: 0 none;
}
 textarea, input {
     -webkit-appearance: none;
     border-radius:0rem;
     resize: none;
     outline:none;
}
 html, body {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: hidden;
     font-size: 0.2222222222222222rem;
     background: #fefce4;
     font-family : "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
     -webkit-text-size-adjust : 100% ;
     -moz-text-size-adjust : 100% ;
     -ms-text-size-adjust : 100% ;
     text-size-adjust : 100%;
}
 img, a.btn {
     touch-action : none;
     -webkit-user-select : none;
     -webkit-user-drag : none;
     -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
}
 a,button,input,textarea{
     -webkit-tap-highlight-color: rgba(0,0,0,0);
     -webkit-user-modify:read-write-plaintext-only;
}
/* all */
 ::-webkit-input-placeholder {
     color:#c0c0c0 ;
    /* border: 1px solid #7dc806;
     */
}
 ::-moz-placeholder {
     color:#c0c0c0;
}
/* firefox 19+ */
 :-ms-input-placeholder {
     color:#c0c0c0;
}
/* ie */
 input:-moz-placeholder {
     color:#c0c0c0;
}
 input, textarea {
     -webkit-appearance: none;
     border-radius: 0;
     background: none;
}
 * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
 ::-webkit-scrollbar {
     width: 0.06666666666666667rem;
     height: 0.06666666666666667rem;
    /*background-color: #F5F5F5;
     */
}
/*定义滚动条轨道 内阴影+圆角*/
 ::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 0.06666666666666667rem rgba(0,0,0,0.3);
     */
     border-radius: 0.1111111111111111rem;
    /*background-color: #F5F5F5;
     */
}
/*定义滑块 内阴影+圆角*/
 ::-webkit-scrollbar-thumb {
     border-radius: 0.1111111111111111rem;
    /*-webkit-box-shadow: inset 0 0 0.06666666666666667rem rgba(0,0,0,.3);
     */
     background-color: rgba(109, 68, 18, .5);
}
/*------------------------------------------------------------------------------- reset css end ---------------------------------------------------------------------------------*/
 #landscape_wrap ,#landscape_wrap_wx,#landscape_wrap_phone ,#landscape_wrap_mobile {
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     display: none;
     background: rgba(0,0,0,0.6);
     z-index: 999999;
}
 #landscape_wrap p ,#landscape_wrap_wx p ,#landscape_wrap_phone p , #landscape_wrap_mobile p {
     width: 100%;
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -0.16666666666666666rem;
     text-align: center;
     color: #ffffff;
     line-height: 1;
     font-size: 0.3333333333333333rem;
}
 .hide {
     display: none;
}
 .commbg {
     background: url(../images/commbg.png) no-repeat;
     background-size: 8.333333333333334rem auto;
}
/*-- loading --*/
 #loading {
     position : fixed;
     left : 0;
     right : 0;
     top : 0;
     bottom : 0;
     z-index : 999999;
     background : rgba(0, 0, 0, .99);
}
 .loader, .percent {
     position : absolute;
     left : 50%;
     top : 50%;
     width : 2.888888888888889rem;
     margin-left : -1.4444444444444444rem;
}
 .loader {
     height : 0.4rem;
     margin-top : -0.45555555555555555rem;
     overflow : hidden;
     display : none;
     border : 0.011111111111111112rem solid rgba(255, 255, 255, .8);
     -webkit-border-radius : 0.2777777777777778rem;
     border-radius : 0.2777777777777778rem;
}
 .loader-in, .loader::after {
     content : "";
     position : absolute;
     left : 0;
     top : 0;
}
 .loader-in {
     width : 0;
     height : 100%;
     background : rgba(255, 255, 255, .8);
}
 .loader::after {
     border : 0.044444444444444446rem solid #000;
     width : 100%;
     height : 100%;
     -webkit-box-sizing : border-box;
     box-sizing : border-box;
     -webkit-border-radius : 0.2777777777777778rem;
     border-radius : 0.2777777777777778rem;
}
 .percent {
     text-align : center;
     color : #fff;
     font-size : 0.3333333333333333rem;
     margin-top : -0.16666666666666666rem;
}
/*------------------------------------------------------------------------------- swiper ---------------------------------------------------------------------------------*/
 #wrapper, #o-c {
     width: 100%;
     height: 100%;
     overflow: hidden;
}
 #o-c > .swiper-wrapper > .swiper-slide {
     height: 100%;
     position: relative;
}
/*------------------------------------------------------------------------------- 抽奖记录 ---------------------------------------------------------------------------------*/
 .record-wrap {
     background: #dc4003;
}
/* 提示下滑 */
/* 提示下滑 */
 .back-to-index {
     text-align: center;
}
 .back-to-index span {
     display: inline-block;
     vertical-align: middle;
}
 .back-to-index span.arrow {
     width : 0.24444444444444444rem;
     height : 0.3rem;
     background-position: -1.1777777777777778rem -1.7rem;
}
 .back-to-index span.txt {
     font-size : 0.28888888888888886rem;
     color : #fff;
     line-height : 0.8222222222222222rem;
     margin : 0 0.1111111111111111rem;
}
 .record-title {
     width: 3.3666666666666667rem;
     height: 0.8777777777777778rem;
     margin: 0 auto;
     font-size: 0.37777777777777777rem;
     line-height: 1rem;
     color: #ea5413;
     font-weight: bold;
     text-align: center;
     overflow: hidden;
     background-position: -1.5333333333333334rem -1.488888888888889rem;
}
 .record-list {
     position: absolute;
     left: 50%;
     top: 0;
     height: 100%;
     width: 8.333333333333334rem;
     margin-left: -4.166666666666667rem;
     overflow: hidden;
     padding-top: 1.8555555555555556rem;
}
 #i-c {
     width: 100%;
     height: 100%;
}
 .record-list .swiper-slide {
     position: relative;
     height: auto;
     width: 8.333333333333334rem;
     margin-bottom: 0.3111111111111111rem;
     margin-top: 0.28888888888888886rem;
    /*padding: 0.6666666666666666rem 0 0 0.7rem;
     */
     padding: 0.3333333333333333rem 0 0 0.7rem;
     background: url(../images/recode-top1.png) no-repeat 0.7rem top, url(../images/record-bottom1.png) no-repeat 0.7rem bottom, url(../images/icon.png) no-repeat left center;
}
 .record-item {
     min-height: 2.2555555555555555rem;
     background: url(../images/record-bg1.png) repeat-y;
     margin-bottom: 0.5444444444444444rem;
}
 .record-list-img {
     position: absolute;
     left: 0.8222222222222222rem;
     top: 1rem;
     width: 1.7777777777777777rem;
}
 .record-list-img img {
     width: 100%;
}
 .record-list-right {
     width: 4.555555555555555rem;
     margin-left: 2rem;
}
 .record-list-title {
     font-size: 0.37777777777777777rem;
     color: #833c0d;
     margin-top: 0.24444444444444444rem;
     font-weight: bold;
}
 .record-list-desc {
     font-size: 0.28888888888888886rem;
     line-height: 0.36666666666666664rem;
     color: #896308;
     margin: 0.1111111111111111rem 0;
     text-align: justify;
}
 .record-list-tips {
     min-width: 2.7777777777777777rem;
     background: #db7700;
     border-radius: 0.1111111111111111rem;
     color: #f6ebd3;
     font-size: 0.26666666666666666rem;
     padding: 0.08888888888888889rem;
     display: inline-block;
}
 .record-list li .mark, .record-list .swiper-slide .mark {
     position: absolute;
     right: 0.3888888888888889rem;
     top: -0.3rem;
     width: 1.6666666666666667rem;
     height: 1.4666666666666666rem;
     display: none;
     background-position: -5.0777777777777775rem -1.0444444444444445rem;
}
/*.record-list .swiper-slide.get {
     background: url(../images/record-top2.png) no-repeat 0.7111111111111111rem top, url(../images/record-bottom2.png) no-repeat 0.7111111111111111rem bottom, url(../images/icon.jpg) no-repeat left center;
}
 */
/*.swiper-slide.get .record-item {
     background: url(../images/record-bg2.jpg) repeat-y;
}
 */
/*.record-list li.get .record-list-img, .record-list li.get .record-list-right, .record-list .swiper-slide.get .record-list-img, .record-list .swiper-slide.get .record-list-right {
     opacity: .7;
}
 */
 .record-list li.get .mark, .record-list .swiper-slide.get .mark {
     display: block;
}
/* 无中奖记录 */
 .no-record {
     position: absolute;
     left: 50%;
     top: 2.1444444444444444rem;
     width: 6.944444444444445rem;
     height: 3.3777777777777778rem;
     margin-left: -3.466666666666667rem;
     background: url(../images/no-record.png) no-repeat;
     text-align: center;
     color: #833c0d;
     font-size: 0.4444444444444444rem;
     font-weight: bold;
     padding-top: 1.2444444444444445rem;
     display: none;
}
/* 未中奖 */
 .record-list .swiper-slide.none .record-item {
     text-align: center;
     padding-right: 0.7rem;
     margin-top: 0.24444444444444444rem;
     height: 2.2555555555555555rem;
}
 .record-list .swiper-slide.none .record-item > div {
     display: inline-block;
     vertical-align: middle;
}
 .record-list .swiper-slide.none .leaf {
     width: 0.9666666666666667rem;
     height: 100%;
     background: url(../images/leaf.png) no-repeat center center;
}
 .record-none-txt {
     font-size: 0.37777777777777777rem;
     color: #833c0d;
     font-weight: bold;
}
/*------------------------------------------------------------------------------- index ---------------------------------------------------------------------------------*/
 .index-bg {
    /* background : url(../images/haze_home_bg.png) no-repeat center top;
     */
    /* background-size: 100% auto;
     */
     background-image: url(../images/haze_home_bg.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
 .active_over {
     position : relative;
     width : 8.333333333333334rem;
     height : 100%;
     overflow : hidden;
     margin : 0 auto;
}
 .active_over .over-infor{
     position: absolute;
     top: 2.1666666666666665rem;
     text-align: center;
     width: 100%;
     height: 100%;
}
 .active_over .over-infor .over-logo{
     background-image: url(../images/haze_finished.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     width: 0.7777777777777778rem;
     height: 0.7777777777777778rem;
     margin: 0 auto;
}
 .active_over .over-infor .over-title{
     font-size: 0.5333333333333333rem;
     color: #ffffff;
     margin-top: 0.2777777777777778rem;
}
 .active_over .over-infor .over-explan{
     font-size: 0.34444444444444444rem;
     color: #ffffff;
     margin-top: 0.2222222222222222rem;
}
 .active_over .over-infor .my-prize-btn{
     width: 4.277777777777778rem;
     height: 0.9444444444444444rem;
     border: 2px solid #ffffff;
     border-radius: 42.0.05555555555555555rem;
     text-align: center;
     line-height: 0.9111111111111111rem;
     font-size: 0.35555555555555557rem;
     color: #ffffff;
     margin: 0 auto;
     margin-top: 1.3888888888888888rem;
}
 .index {
     position : relative;
     width : 8.333333333333334rem;
     height : 100%;
     overflow : hidden;
     margin : 0 auto;
}
 .logo {
     position : absolute;
     z-index : 20;
     right: 0;
     top: 0rem;
     width: 1.6rem;
     height: 1.1555555555555554rem;
    /* background-position: 0 0;
     */
     background-image: url(../images/haze_logo.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
    /* background : url(../images/haze_logo.png) no-repeat center top;
     */
}
 .theme {
     position: relative;
     top: 0.4444444444444444rem;
     left: -0.32222222222222224rem;
     z-index: 10;
     width: 7.222222222222222rem;
     height: 4.555555555555555rem;
     margin-top: 0.05555555555555555rem;
     margin: 0 auto;
     background-image: url(../images/haze_title.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
    /* background : url(../images/haze_title.png) no-repeat center top;
     */
}
 .machine {
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: 15;
     width: 8.333333333333334rem;
     height: 9.166666666666666rem;
     background: url(../images/haze_machine.png) no-repeat center top;
     background-size: contain;
}
/* 彩灯 */
/* .light {
     position : absolute;
     left : 50%;
     top : 0.6666666666666666rem;
     width : 6.933333333333334rem;
     height : 5.444444444444445rem;
     margin-left : -3.466666666666667rem;
}
 */
/* .light span {
     position : absolute;
     top : 0;
     display : block;
     width : 0.1rem;
     height : 100%;
     background: url(../images/light.png) no-repeat;
     -webkit-animation: lightAni 500ms steps(2) infinite;
     animation: lightAni 500ms steps(2) infinite;
}
 .light .left-light {
     left: 0.044444444444444446rem;
}
 .light .right-light {
     right: 0.044444444444444446rem;
}
 @-webkit-keyframes lightAni {
     0% {
         background-position: 0 0;
    }
     100% {
         background-position: -0.2rem 0;
    }
}
 @keyframes lightAni {
     0% {
         background-position: 0 0;
    }
     100% {
         background-position: -0.2rem 0;
    }
}
 */
/* 中奖名单 */
 .winners-list {
     position : absolute;
     left : 50%;
     bottom: 0.4444444444444444rem;
     width : 7rem;
     height : 0.5777777777777777rem;
     margin-left : -3.2rem;
     overflow : hidden;
}
 .winners-list ul {
    /* position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     */
     width: 45.55555555555556rem;
     height: 0.5777777777777777rem;
     overflow: hidden;
}
 .winners-list li {
    /* width : 100%;
     */
     height : 0.5777777777777777rem;
     overflow : hidden;
     line-height : 1;
     text-align : center;
     font-size : 0;
     white-space : nowrap;
     float: left;
     margin-right: 0.36666666666666664rem;
}
 .winners-list li span {
     display : inline-block;
     vertical-align : middle;
     height : 0.5777777777777777rem;
     font-size : 0.28888888888888886rem;
     color : #2c2c2c;
     line-height : 0.5777777777777777rem;
}
 .winners-list li .winner {
     width : 1.6666666666666667rem;
     overflow : hidden;
     padding : 0 0.1111111111111111rem;
}
 .winners-list li .prize {
     padding-left: 0.1111111111111111rem;
     color: #ea5413;
     font-weight: bold;
}
 .winners-list .good_mkarquee{
     height: 0.5777777777777777rem;
     line-height: 0.5777777777777777rem;
}
 .winners-list .get_prize_name{
     font-size: 0.26666666666666666rem;
     color: #794809;
}
 .winners-list .get_prize_good_name{
     font-size: 0.26666666666666666rem;
     color: #c92b18;
}
/* game */
 .game {
     position : absolute;
     left : 50%;
     top : 1.9111111111111112rem;
     width: 7.222222222222222rem;
     ;
     margin-left : -3.6666666666666665rem;
}
/* .game-mask {
     position : absolute;
     left : 50%;
     top : 0;
     width : 6.155555555555556rem;
     height : 3.566666666666667rem;
     margin-left : -3.088888888888889rem;
     background : url(../images/game-mask.png) no-repeat center top;
}
 */
/* .pointer {
     position : absolute;
     left : 50%;
     top : 0;
     width : 6.5777777777777775rem;
     height : 3.566666666666667rem;
     margin-left : -3.2888888888888888rem;
}
 .pointer span {
     position : absolute;
     top : 1.5555555555555556rem;
     width : 0.4666666666666667rem;
     height : 0.45555555555555555rem;
     display : block;
}
 .pointer span:nth-child(1) {
     left: 0;
     background-position: -0.6rem -1.0666666666666667rem;
}
 .pointer span:nth-child(2) {
     right: 0;
     background-position: -0.6rem -1.5444444444444445rem;
}
 */
 .game ul {
     width: 5.533333333333333rem;
     height: 1.7222222222222223rem;
     overflow: hidden;
     margin: 0 auto;
     margin-top: 0.011111111111111112rem;
}
 .game li {
     width: 1.7666666666666666rem;
     ;
     height: 155px;
     border-top: 0rem solid transparent;
     border-bottom: 0rem solid transparent;
     float : left;
    /* margin : 0 0.05555555555555555rem 0 0.022222222222222223rem;
     */
     margin: 0 0.08888888888888889rem 0 0.022222222222222223rem;
     background : url(../images/haze_good_prize.png) repeat-y;
     /* background-size: cover; */
    /* background-position: center;
     background-size: cover;
     */
}
 .game li:nth-child(3){
     margin: 0 0 0 0.011111111111111112rem;
}
 .game-tips {
     text-align : center;
     color : #fff;
     font-size : 0.2rem;
     line-height : 0.3333333333333333rem;
     margin-top : 0.2222222222222222rem;
     height : 0.3333333333333333rem;
}
 .game-btn {
     position: relative;
     top: 1.5888888888888888rem;
     width: 2.6444444444444444rem;
     height: 2.011111111111111rem;
     margin: 0 auto;
     overflow: hidden;
     font-size: 0.5777777777777777rem;
     color: #ffffff;
     text-align: center;
     line-height: 1.3222222222222222rem;
     background-position: 0 -2.611111111111111rem;
     background: url(../images/btn_red_normal.png) no-repeat center center;
     display: none;
     background-size: contain;
}
 .game-btn.active {
     background: url(../images/btn_red_over.png) no-repeat center center;
}
 .game_login{
     position: relative;
     top: 1.5888888888888888rem;
     width: 2.6444444444444444rem;
     height: 2.011111111111111rem;
     margin: 0 auto;
     overflow: hidden;
     font-size: 0.5777777777777777rem;
     color: #ffffff;
     text-align: center;
     line-height: 1.3222222222222222rem;
     background-position: 0 -2.611111111111111rem;
     background: url(../images/btn_red_normal.png) no-repeat center center;
     display: none;
     background-size: contain;
}
 .game_login.active {
     background: url(../images/btn_red_over.png) no-repeat center center;
}
 .game-btn.active .game-btn-tips {
     display: none;
}
 .game-btn.off {
     background-position: 0 -4.477777777777778rem;
     background: url(../images/btn_red_abnormal.png) no-repeat center center;
}
 .game-btn-tips {
     position: relative;
     top: 1.1444444444444444rem;
     left: 0.13333333333333333rem;
     text-align: center;
     font-size: 0;
}
 .game-btn-tips span {
     display : inline-block;
     height : 0.3111111111111111rem;
     line-height : 0.3111111111111111rem;
     vertical-align: middle;
}
 .game-btn-tips span:nth-child(1) {
     font-size: 0.26666666666666666rem;
     color: #ffffff;
    /* width : 0.9222222222222223rem;
     */
    /* height : 0.3rem;
     */
    /* background-position: -1.0777777777777777rem 0;
     */
}
 .game-btn-tips span.chance {
     font-size: 0.3111111111111111rem;
     color: #fff;
     margin: 0 0.1111111111111111rem;
}
 .game-btn-tips span:nth-child(3) {
     font-size: 0.26666666666666666rem;
     color: #ffffff;
    /* width : 1.8666666666666667rem;
     */
    /* height : 0.3rem;
     */
    /* background-position: -2.1333333333333333rem 0;
     */
}
 .hand {
     position: absolute;
     left: 1.5555555555555556rem;
     top: 0.6666666666666666rem;
     width: 0.9777777777777777rem;
     height: 0.9666666666666667rem;
     background-position: -1.1777777777777778rem -0.36666666666666664rem;
     display: none;
     -webkit-animation: handAni 4s linear infinite;
     animation: handAni 4s linear infinite;
}
 @-webkit-keyframes handAni {
     0% {
         -webkit-transform: translate(.3rem,.5rem);
    }
     20% {
         -webkit-transform: translate(0,-.1rem);
    }
     30% {
         -webkit-transform: translate(0,0);
    }
     85% {
         -webkit-transform: translate(0,0);
         opacity: 1;
    }
     95% {
         -webkit-transform: translate(0,0);
         opacity: 0;
    }
     100% {
         -webkit-transform: translate(0,0);
         opacity: 0;
    }
}
 @keyframes handAni {
     0% {
         transform: translate(.3rem,.5rem);
    }
     20% {
         transform: translate(0,-.1rem);
    }
     30% {
         transform: translate(0,0);
    }
     85% {
         transform: translate(0,0);
         opacity: 1;
    }
     95% {
         transform: translate(0,0);
         opacity: 0;
    }
     100% {
         transform: translate(0,0);
         opacity: 0;
    }
}
 .game-time {
     text-align : center;
     color : #fff;
     font-size : 0.24444444444444444rem;
     line-height : 1;
     font-weight : bold;
}
/* rule */
 .rule-btn {
     position: absolute;
    /* right: 0.23333333333333334rem;
     */
     left: 0.9222222222222223rem;
    /* top: 7.311111111111111rem;
     */
     bottom: 1.9666666666666666rem;
     z-index: 20;
     width: 1.288888888888889rem;
     height: 0.9777777777777777rem;
     text-align: center;
     padding: 0.2222222222222222rem 0.044444444444444446rem 0 0;
     font-size: 0.2rem;
     color: #ffffff;
     line-height: 1.1;
     background-position: 0 -1.0444444444444445rem;
     background: url(../images/btn_bule_normal.png) no-repeat center center;
     background-size: contain;
}
 .rule-btn.active {
     background: url(../images/btn_bule_over.png) no-repeat center center;
}
/* prize-btn */
 .prize-btn {
     position: absolute;
     right: 0.9777777777777777rem;
     bottom: 1.9666666666666666rem;
     z-index: 20;
     width: 1.288888888888889rem;
     height: 0.9777777777777777rem;
     text-align: center;
     padding: 0.2222222222222222rem 0.044444444444444446rem 0 0;
     font-size: 0.2rem;
     color: #ffffff;
     line-height: 1.1;
     background-position: 0 -1.0444444444444445rem;
     background: url(../images/btn_bule_normal.png) no-repeat center center;
     background-size: contain;
}
 .prize-btn.active {
     background: url(../images/btn_bule_over.png) no-repeat center center;
}
/* bottom */
 .bottom-tips {
     position : absolute;
     left : 0;
     bottom : 0;
     width : 100%;
     height : 100%;
     padding-top: 11.688888888888888rem;
     text-align : center;
}
 .bottom-tips-box {
     position : relative;
     width : 100%;
     height : 100%;
     padding : 0.3111111111111111rem 0 0;
     text-align : center;
     box-sizing : border-box;
     background : #dc4003 url(../images/bottom.jpg) repeat-x;
     background-size: auto 1.4222222222222223rem;
}
 .bottom-tips-box::before {
     content: "";
     height: 100%;
     width: 0;
}
 .bottom-tips span, .bottom-tips-box::before {
     display: inline-block;
     vertical-align: middle;
}
 .bottom-tips span.arrow {
     width : 0.24444444444444444rem;
     height : 0.3rem;
     background-position: -1.1888888888888889rem -1.3333333333333333rem;
}
 .bottom-tips span.txt {
     font-size : 0.28888888888888886rem;
     color : #fff;
     line-height : 1;
     margin : 0 0.1111111111111111rem;
}
 .tonggao {
     position: absolute;
     left: 1%;
     top: 0.1111111111111111rem;
     width: 98%;
     text-align: center;
     color: #fed4a9;
     font-size: 0.2rem;
}
/*------------------------------------------------------------------------------- 生成分享图片 wrapper_img show-img ---------------------------------------------------------------------------------*/
 .show_img{
     background:url(../images/show_img_bg.jpg) repeat-y;
     background-size:100% auto;
     z-index:95;
    /* display:none;
     */
}
 .wrapper_img{
     position: relative;
     ;
     top:0;
     left:0;
     width:100%;
     max-width:8.333333333333334rem;
     height:100%;
     overflow:hidden;
}
 .show_img{
     z-index: 1009;
     background:url(../images/haze_bg.png) repeat-y;
     position: absolute;
     top: 0;
     left: 0;
     background-size:100% auto;
     display: none;
}
 .top-128{
     position:absolute;
     width:100%;
     height:14.822222222222223rem;
    /*top:-1.4222222222222223rem;
     */
     left:0;
}
 .wrapper_img .main{
     position : absolute;
     width : 8.333333333333334rem;
     height : 14.822222222222223rem;
     overflow : hidden;
     margin : 0 auto;
     background-image: url(../images/haze_home_bg.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
 .show_img .img{
     position:absolute;
     top:0rem;
     left:0;
     opacity:0;
     z-index:999;
     overflow-y: hidden;
     height:17.044444444444444rem;
    /*display:none;
     */
}
/* .show_img .img{
     opacity:0;
     z-index:999;
     display:none;
}
 */
 .show_img .img img{
     margin-top: -2.2222222222222223rem;
}
 .img_box{
     position:absolute;
     width:100%;
     height:14.822222222222223rem;
     ;
     top:0;
     left:0;
     z-index:1;
}
 .wrapper_img .share_logo{
     position : absolute;
     z-index : 20;
     right: 0;
     top: 0rem;
     width: 1.6rem;
     height: 1.1555555555555554rem;
     background-image: url(../images/haze_logo.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
 .wrapper_img .share_theme{
     position: absolute;
     top: 0.3333333333333333rem;
     left: 0.3888888888888889rem;
     z-index: 10;
     width: 7.222222222222222rem;
     height: 4.555555555555555rem;
     margin-top: 0.05555555555555555rem;
     margin: 0 auto;
     background-image: url(../images/haze_title.png);
     background-position: center;
     background-size: 85%;
     background-repeat: no-repeat;
}
 .wrapper_img .share_good_box{
     position: absolute;
    /* top: 5.088888888888889rem;
     */
     bottom: 4.222222222222222rem;
     left: 0rem;
     z-index: 10;
     width: 8.333333333333334rem;
     height: 6.944444444444445rem;
     margin-top: 0.05555555555555555rem;
     margin: 0 auto;
     background-image: url(../images/haze_share_prize_bg.png);
     background-position: center;
     background-size: 85%;
     background-repeat: no-repeat;
}
 .share_good_image{
     width: 2.888888888888889rem;
     height: 2.888888888888889rem;
    /* background-image: url(../images/haze_prize_1.png);
     */
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: absolute;
     bottom: 2.6444444444444444rem;
     left: 2.7222222222222223rem;
     border-radius: 1.1rem;
}
 .share_good_infor{
     text-align: center;
     margin: 0 auto;
     margin-top: 4.688888888888889rem;
}
 .share_good_infor .what_award_name{
     font-size: 0.4rem;
     color: #e40941;
}
 .share_good_infor .prize_who{
     font-size: 0.3111111111111111rem;
     color: #e40941;
}
 .share_good_box .prize_what_good{
     font-size: 0.2777777777777778rem;
     color: #222222;
     text-align: center;
     position: relative;
     top: 4.522222222222222rem;
}
 .share_good_box .share_good_code{
     text-align: center;
     margin-top: -0.5111111111111111rem;
     position: absolute;
     right: 0.5555555555555556rem;
}
 .share_good_box .share_srcode{
     width: 1.1111111111111112rem;
     height: 1.1111111111111112rem;
     background-color: #ffffff;
     margin: auto;
    /* background-image: url(../images/qrcode.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     */
}
 .share_good_box .code_name{
     font-size: 0.26666666666666666rem;
     color: #ffffff;
     margin-top: 0.06666666666666667rem;
}
 .wrapper_img .footer{
     position: absolute;
     bottom: 0;
     left: 0;
     background-color: #fff;
     z-index: 9999;
     width: 100%;
     height: 1.9777777777777779rem;
     text-align: center;
}
 .wrapper_img .footer .footer_title{
     color: #888888;
     font-size: 0.28888888888888886rem;
     margin: 0.18888888888888888rem 0;
}
 .wrapper_img .footer .go-back{
     width: 3.8rem;
     height: 0.8666666666666667rem;
     border: 1px solid #4fbba4;
     border-radius: 0.43333333333333335rem;
     margin: 0 auto;
     line-height: 0.8666666666666667rem;
     font-size: 0.3333333333333333rem;
     color: #4fbba4;
}
/*------------------------------------------------------------------------------- pop ---------------------------------------------------------------------------------*/
 .pop {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 999;
     text-align: center;
     background: rgba(0, 0, 0, .5);
     display: none;
}
 .pop-box, .pop::before {
     display: inline-block;
     vertical-align: middle;
}
 .pop::before {
     content: "";
     width: 0;
     height: 100%;
}
 .pop-box {
     width: 7.222222222222222rem;
     overflow: hidden;
     display: none;
    /* background: url(../images/pop-top.png) no-repeat center top, url(../images/pop-bottom.png) no-repeat center bottom, url(../images/pop-bg.png) no-repeat center 0.8rem;
     */
}
 .pop-title {
     width: 100%;
     height: 0.9444444444444444rem;
     border-radius: 0.1111111111111111rem 0.1111111111111111rem 0 0;
     font-size: 0.35555555555555557rem;
     line-height: 0.9444444444444444rem;
     color: #ffffff;
     background-color: #64cbb5;
    /* background-position: 0 -6.466666666666667rem;
     */
}
/* btn */
 .btn-wrap {
     font-size: 0;
     margin-top: 0.2222222222222222rem;
}
 .btn {
     display: inline-block;
     height: 1.3222222222222222rem;
     margin: 0 0.15555555555555556rem;
}
/* 无奖品 */
 .no-prize {
     height: 5.822222222222222rem;
     background-size: 6.944444444444445rem 0.8111111111111111rem, 6.944444444444445rem 0.4222222222222222rem, 6.944444444444445rem 4.611111111111111rem;
     border-radius: 0 0 0.05555555555555555rem 0.05555555555555555rem;
}
 .no-prize-content {
     width: 6.155555555555556rem;
     height: 3.1777777777777776rem;
     margin: 0.2222222222222222rem auto 0;
     font-size: 0.4444444444444444rem;
     color: #833c0d;
     padding-top: 1rem;
     line-height: 1.788888888888889rem;
     background-position: 0 -7.677777777777778rem;
}
 .confirm1 {
     width: 4.444444444444445rem;
     margin-top: 0.5444444444444444rem;
     background-position: 0 -10.877777777777778rem;
}
/* 有奖品 */
 .get-prize {
     background-color: #ffffff;
    /* height: 9.444444444444445rem;
     */
     background-size: 7.033333333333333rem 0.8111111111111111rem, 7.033333333333333rem 0.4222222222222222rem, 7.033333333333333rem 7.511111111111111rem;
     border-radius: 0 0 0.1111111111111111rem 0.1111111111111111rem;
     overflow: visible;
     position: relative;
     width: 6.666666666666667rem;
     display: none;
}
 .get-prize .prize-title{
     width: 7.611111111111111rem;
     height: 1.288888888888889rem;
     background-image: url(../images/haze_win_title.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: absolute;
     top: -0.2777777777777778rem;
     left: -0.5333333333333333rem;
     z-index: 5;
     font-size: 0.5rem;
     color: #fff;
     font-weight: bold;
     line-height: 1.0666666666666667rem;
}
 .get-prize .btn-wrap .price-btn{
     width: 4.533333333333333rem;
     height: 0.8666666666666667rem;
     border: 1px solid #4fbba4;
     line-height: 0.8666666666666667rem;
     text-align: center;
     border-radius: 0.43333333333333335rem;
     font-size: 0.3333333333333333rem;
     margin: 0 auto;
     margin-bottom: 0.2222222222222222rem;
     color: #4fbba4 ;
}
 .get-prize .btn-wrap .my-address{
     display: none;
     background-color: #4fbba4;
     color: #ffffff;
}
 .get-prize .btn-wrap .share-myfriend{
     margin-bottom: 0.5rem;
}
 .get-prize-content {
     width: 6.266666666666667rem;
     height: 5.222222222222222rem;
     margin: 0.3333333333333333rem auto 0.1111111111111111rem;
     overflow: hidden;
    /* background: url(../images/prize-bg.png) no-repeat;
     */
}
 .get-prize-title {
     margin-top: 0.7222222222222222rem;
     font-size: 0.4444444444444444rem;
     line-height: 1.25;
     color: #833c0d;
}
 .get-prize-title .con-title{
     color: #e40941;
     font-size: 0.45555555555555555rem;
     margin-top: 0.3333333333333333rem;
}
 .get-prize-title .get-what{
     font-size: 0.3rem;
     color: #333333;
     margin-top: 0.05555555555555555rem;
}
/* .get-prize-title span {
     color: #ea5413;
}
 */
 .get-prize-content img {
     display: block;
     margin: 0 auto;
     width: 3.1666666666666665rem;
}
 .get-prize .close {
     position: absolute;
     right: 0rem;
     top: -1.2222222222222223rem;
     width: 0.6666666666666666rem;
     height: 1.2222222222222223rem;
}
 .share-btn, .confirm2 {
     width: 2.8777777777777778rem;
}
 .share-btn {
     background-position: 0 -12.344444444444445rem;
}
 .confirm2 {
     background-position: -4.611111111111111rem -10.877777777777778rem;
}
/* 选择专卖店 */
 .search-shop {
     z-index: 9999;
    /* height: 6.5rem;
     */
     padding: 0 0.4444444444444444rem;
     background-size: 6.944444444444445rem 0.8111111111111111rem, 6.944444444444445rem 0.4222222222222222rem, 6.944444444444445rem 6.511111111111111rem;
     display: inline-block;
     background-color: #ffffff;
     border-radius: 0.1111111111111111rem;
     display: none;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-top: -3.5rem;
     margin-left: -3.577777777777778rem;
}
 .search {
     margin: 0.5333333333333333rem auto 0;
}
 .select-wrap {
     position: relative;
     height: 0.7777777777777778rem;
     width: 6.266666666666667rem;
     border-radius: 0.3333333333333333rem;
    /* background: #db7700;
     */
     margin: 0.3333333333333333rem auto 0;
}
 .select-wrap select {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     opacity: 1;
     font-size: 0.3333333333333333rem;
     padding-left: 0.12222222222222222rem;
}
 .select-wrap select {
}
 .select-wrap select option::-ms-expand{
     display: none;
}
 .select-wrap select option{
     -moz-appearance:none;
    /* Firefox */
     -webkit-appearance:none;
    /* Safari 和 Chrome */
     appearance:none;
     font-size: 0.13333333333333333rem;
}
/* --背景色字体颜色--*/
 .select-wrap select option:hover{
     color:#fff;
     background-color:#1E90FF;
}
 --------------------- 作者：前端小狮 来源：CSDN 原文：https://blog.csdn.net/m0_37885651/article/details/77579471?utm_source=copy 版权声明：本文为博主原创文章，转载请附上博文链接！ .select-wrap input[type=text] {
     width: 5.588888888888889rem;
     height: 0.7777777777777778rem;
     line-height: 0.7777777777777778rem;
     font-size: 0.28888888888888886rem;
     line-height: 0.7777777777777778rem;
     color: #fff;
     font-family : "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
     border: 0 none;
}
 .select-wrap::before {
     position: absolute;
     right: 0.5777777777777777rem;
     top: 50%;
     content: "";
     display: block;
     width: 0.45555555555555555rem;
     height: 0.28888888888888886rem;
     margin-top: -0.14444444444444443rem;
     background: url(../images/commbg.png) no-repeat -3.2111111111111112rem -0.5555555555555556rem;
     -webkit-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
}
 #search-btn {
     display: block;
     width: 4.444444444444445rem;
     height: 1.3222222222222222rem;
     margin: 0 auto;
     border: 0 none;
     margin-top: 0.5rem;
     background: url(../images/commbg.png) no-repeat -3.077777777777778rem -12.344444444444445rem;
}
 .search_btn {
     width: 4.533333333333333rem;
     height: 0.8666666666666667rem;
     border: 1px solid #4fbba4;
     line-height: 0.8666666666666667rem;
     text-align: center;
     border-radius: 0.43333333333333335rem;
     font-size: 0.3333333333333333rem;
     margin: 0 auto;
     margin-bottom: 0.5333333333333333rem;
     color: #4fbba4;
     margin-top: 0.4444444444444444rem;
}
/* 选择服务中心 */
 .choose-shop {
     height: 11.744444444444444rem;
     background-size: 6.944444444444445rem 0.8111111111111111rem, 6.944444444444445rem 0.4222222222222222rem, 6.944444444444445rem 10.533333333333333rem;
}
 .shops {
     position: relative;
     height: 7.277777777777778rem;
     overflow-y: auto;
     margin: 0.37777777777777777rem 0.05555555555555555rem;
}
 .shops li {
     width: 6.266666666666667rem;
     margin: 0 auto 0.3333333333333333rem;
     background: #fbeab7;
     overflow: hidden;
     border-radius: 0.2222222222222222rem;
     padding: 0.2777777777777778rem 0.3333333333333333rem;
     text-align: left;
     font-size: 0.28888888888888886rem;
     line-height: 1.3;
     color: #916811;
}
 .shop-title {
     font-size: 0.37777777777777777rem;
     color: #d5b041;
     margin-bottom: 0.05555555555555555rem;
}
 .shop-tel {
     color: #916811;
}
 .shops li.active {
     background: #db7700;
     color: #fff;
}
 .shops li.active .shop-title {
     color: #833c0d;
}
 .shops li.active .shop-tel {
     color: #fff;
}
 .back {
     width: 2.8777777777777778rem;
     background-position: 0 -13.855555555555556rem;
}
/* 领奖专卖店 */
 .change-shop {
     min-height: 6.7444444444444445rem;
     background-size: 6.944444444444445rem 0.8111111111111111rem, 6.944444444444445rem 0.4222222222222222rem, 6.944444444444445rem 5.533333333333333rem;
}
 .change-shop .shops {
     height: auto;
     margin-bottom: 0;
}
 .change-shop .shops, .change-shop .btn-wrap {
     background: url(../images/pop-bg.png) repeat-y center top;
}
 .change-shop .btn-wrap {
     margin-bottom: 0.4rem;
}
 .change-btn {
     width: 2.8777777777777778rem;
     background-position: -2.933333333333333rem -13.855555555555556rem;
}
/* rule */
 .rule {
     position: relative;
     height: 8.777777777777779rem;
     overflow: visible;
     background: #ffffff;
     border-radius: 0.1111111111111111rem;
    /* background-size: 6.944444444444445rem 0.8111111111111111rem, 6.944444444444445rem 0.4222222222222222rem, 6.944444444444445rem 8.122222222222222rem;
     */
}
 .rule-content {
     width: 6.666666666666667rem;
     height: 7.088888888888889rem;
     border-radius: 0.16666666666666666rem;
    /* background: #db7700;
     */
     margin: 0.2777777777777778rem auto;
     text-align: justify;
     font-size: 0.28888888888888886rem;
     color: #111111;
     line-height: 1.25;
     overflow: hidden;
     padding: 0.05555555555555555rem 0rem;
}
 .rule-scorll {
     height: 100%;
     overflow-y: auto;
     padding: 0rem 0.2222222222222222rem;
}
 .rule-content p {
     text-align: justify;
     margin-bottom: 0.2222222222222222rem;
}
 .rule-content .table {
     margin-bottom: 0.2222222222222222rem;
     margin-top: 0.2222222222222222rem;
}
 .rule-content .table-row {
     display: table-row;
     line-height: 1.5;
}
 .rule-content .table-cell {
     display: table-cell;
}
 .rule-content .table-cell:nth-child(1) {
     width: 1.1111111111111112rem;
     padding-right: 0.03333333333333333rem 
}
 .rule-content .table-cell:nth-child(3) {
     width: 1.8333333333333333rem;
     text-align: right;
}
 .rule .close {
     position: absolute;
     right: 0rem;
     top: -1.2222222222222223rem;
     width: 0.6666666666666666rem;
     height: 1.2222222222222223rem;
}
/* price */
 .price {
     position: relative;
     height: 8.777777777777779rem;
     overflow: visible;
     background: #ffffff;
     border-radius: 0.1111111111111111rem;
    /* background-size: 6.944444444444445rem 0.8111111111111111rem, 6.944444444444445rem 0.4222222222222222rem, 6.944444444444445rem 8.122222222222222rem;
     */
}
 .price-content {
     height: 7.833333333333333rem;
     text-align: justify;
     font-size: 0.28888888888888886rem;
     color: #111111;
     overflow: hidden;
}
 .price-content .price-scorll {
     height: 100%;
     overflow-y: auto;
    /* padding: 0rem 0.2222222222222222rem;
     */
}
 .price-content .price-scorll .no-prize{
     width: 100%;
     height: 100%;
     position: relative;
}
 .price-content .price-scorll .no-prize .no-prize-box{
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -0.6222222222222222rem;
     margin-left: -0.8444444444444444rem;
}
 .price-content .price-scorll .no-prize p{
     font-size: 0.3333333333333333rem;
     color: #888888;
     margin-top: 0.2rem;
}
 .price-content .price-scorll .no-prize .no-prize-img{
     width: 0.7222222222222222rem;
     height: 0.7222222222222222rem;
     background-image: url(../images/haze_myprize_empty.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     margin: auto;
}
 .price-content .price-scorll .price-good{
     padding: 0.35555555555555557rem;
     border-bottom: 0.011111111111111112rem solid #c2c2c2;
     position: relative;
}
 .price-content .price-scorll .price-good .overdue-box{
     display: block;
}
 .price-content .price-scorll .price-good.goods_1 .overdue-box{
     display: block;
}
 .price-content .price-scorll .price-good.goods_4 .overdue-box{
     display: block;
}
 .price-content .price-scorll .price-good .overdue-bg{
     width: 100%;
     height: 100%;
     background-color: #000000;
     opacity: .4;
     z-index: 100;
     position: absolute;
     top: 0;
     left: 0;
}
 .price-content .price-scorll .price-good .overdue{
     width: 2.111111111111111rem;
     height: 2.111111111111111rem;
     border-radius: 50%;
    /* background-color: #111111;
     */
    /* opacity: .4;
     */
     text-align: center;
     line-height: 2.111111111111111rem;
     color: #ffffff;
     font-size: 0.4rem;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -1.0555555555555556rem;
     margin-top: -1.0555555555555556rem;
     z-index: 101;
}
 .price-content .price-scorll .price-good .price-good-infor{
     display: flex;
     justify-content: left;
}
 .price-content .price-scorll .price-good .price-good-infor .good-img{
    /* background: url(../images/haze_prize_1.png) repeat-y center top;
     */
     width: 2.011111111111111rem;
     height: 2.011111111111111rem;
     background-position: center;
     background-size: 85%;
     background-repeat: no-repeat;
     border: 1px solid #c2c2c2;
     margin-right: 0.3888888888888889rem;
}
 .haze-good-img0{
     background-image: url(../images/haze_prize_1.png);
}
 .haze-good-img1{
     background-image: url(../images/haze_prize_2.png);
}
 .haze-good-img2{
     background-image: url(../images/haze_prize_3.png);
}
 .haze-good-img3{
     background-image: url(../images/haze_prize_4.png);
}
 .haze-good-img4{
     background-image: url(../images/haze_prize_5.png);
}
 .price-content .price-scorll .price-good .price-good-infor .good-detail{
}
 .price-content .price-good-infor .good-detail .whatprice{
     width: 1.7777777777777777rem;
     height: 0.5555555555555556rem;
     text-align: center;
     line-height: 0.5555555555555556rem;
     color: #ffffff;
     font-size: 0.3111111111111111rem;
     background-image: url(../images/haze_myprize_bg.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     margin-bottom: 0.3333333333333333rem;
}
 .price-content .price-good-infor .good-detail .good-name{
     font-size: 0.35555555555555557rem;
     font-weight: bold;
}
 .price-content .price-scorll .price-good .price-addr{
     margin-top: 0.3888888888888889rem;
     display: flex;
     justify-content: space-between;
}
 .price-content .price-scorll .price-good .price-addr p{
     font-size: 0.3111111111111111rem;
     color: #c2c2c2;
}
 .price-content .price-scorll .price-good .price-addr .sign-now{
     width: 1.711111111111111rem;
     height: 0.6222222222222222rem;
     border-radius: 0.3111111111111111rem;
     text-align: center;
     line-height: 0.6222222222222222rem;
     border: #ff9a15 1px solid;
     margin-top: -0.1111111111111111rem;
     color: #ff9a15;
     font-size: 0.26666666666666666rem;
}
 .price .close {
     position: absolute;
     right: 0rem;
     top: -1.2222222222222223rem;
     width: 0.6666666666666666rem;
     height: 1.2222222222222223rem;
}
/* sign-now 填写配送地址 */
 .shopping-address {
     position: relative;
     height: 9.88888888888889rem;
     overflow: visible;
     background: #ffffff;
     border-radius: 0.1111111111111111rem;
    /* background-size: 6.944444444444445rem 0.8111111111111111rem, 6.944444444444445rem 0.4222222222222222rem, 6.944444444444445rem 8.122222222222222rem;
     */
}
 .shopping-address-content {
     height: 8.666666666666666rem;
     text-align: justify;
     font-size: 0.28888888888888886rem;
     color: #111111;
    /* overflow: hidden;
     */
     padding: 0.5rem 0.3111111111111111rem;
     overflow-y: auto;
}
 .shopping-address .input_infor{
     margin-bottom: 0.5555555555555556rem;
     position: relative;
}
 .shopping-address .input_infor input::-webkit-input-placeholder{
     color: #888888;
}
 .shopping-address .input_infor .clear_value{
     width: 0.4rem;
     height: 36PX;
     position: absolute;
     top: 0rem;
     right: 0rem;
     background-image: url(../images/haze_address_clear.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
 .shopping-address .input_infor .select_box{
     display: flex;
     justify-content: flex-start;
}
 .shopping-address .input_infor .select_box .select_area{
     width: 100%;
     margin-left: 0.2222222222222222rem;
     padding-bottom: 0.3333333333333333rem;
     border-bottom: 0.011111111111111112rem solid #727272;
}
 .shopping-address .input_infor .select_box .choose_area{
     font-size: 0.3333333333333333rem;
     width: 4.777777777777778rem;
     height: 0.4444444444444444rem;
     line-height: 0.3333333333333333rem;
    /* position: absolute;
     top: 0;
     left: 0;
     */
     padding-bottom: 0.3333333333333333rem;
     color: #888888;
}
 .shopping-address .input_infor .select_box .choose_area_show{
     font-size: 0.3333333333333333rem;
     width: 4.777777777777778rem;
     height: 0.4444444444444444rem;
     line-height: 0.3333333333333333rem;
     border: none;
     -webkit-appearance: none;
     outline: none;
}
 .shopping-address .input_infor .select_box .select_area .moreicon{
     width: 0.2rem;
     height: 32PX;
     position: absolute;
     top: 0rem;
     right: 0rem;
     background-image: url(../images/haze_season_activities_arrow.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
 .shopping-address .input_infor .select_box select{
     outline: none;
     appearance:none;
     -moz-appearance:none;
     -webkit-appearance:none;
     font-size: 0.3rem;
     border: none;
     padding: 0rem 0.05555555555555555rem;
     background-color: #ffffff;
    /* color: #c2c2c2;
     */
}
 .shopping-address .input_infor .select_box select option{
     font-size: 0.17777777777777778rem;
     background-color: none;
     color: black;
}
 .shopping-address .input_infor p span{
     color: red;
}
 .shopping-address .input_infor p input{
     width: 4.777777777777778rem;
     border: none;
     background-color: #fff;
     font-size: 0.3333333333333333rem;
}
 .shopping-address .input_infor .input_box{
     display: inline-block;
     width: 5.222222222222222rem;
     margin-left: 0.2222222222222222rem;
     border-bottom: 0.011111111111111112rem solid #727272;
     padding-bottom: 0.3333333333333333rem;
}
 .shopping-address .btn_infor p{
     font-size: 0.3111111111111111rem;
     color: #c0c0c0 ;
     width: 100%;
     text-align: center;
     margin-bottom: 0.16666666666666666rem;
}
 .shopping-address .btn_infor .submit_addr{
     font-size: 0.3333333333333333rem;
     color: #64cbb5;
     width: 4.5rem;
     height: 0.8222222222222222rem;
     text-align: center;
     line-height: 0.8222222222222222rem;
    /* background-color: #64cbb5;
     */
     border: 1px solid #64cbb5;
     border-radius: 0.4111111111111111rem;
     margin: 0 auto;
}
 .shopping-address .close {
     position: absolute;
     right: 0rem;
     top: -1.2222222222222223rem;
     width: 0.6666666666666666rem;
     height: 1.2222222222222223rem;
}
 .closeAll{
     background-image: url(../images/haze_close.png);
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
/* 分享 */
 .share {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999;
     right: 0;
     bottom: 0;
     display: none;
     background: rgba(0,0,0,.5) url(../images/share.png) no-repeat center 1.0555555555555556rem;
}
 .noShop {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 3.3333333333333335rem;
     height: 0.3333333333333333rem;
     text-align: center;
     line-height: 0.5555555555555556rem;
     font-size: 0.5555555555555556rem;
     margin-left: -1.6666666666666667rem;
     margin-top: -0.2777777777777778rem;
}
/*------------------------------------------------------------------------------- tips.html ---------------------------------------------------------------------------------*/
 .tips-wrapper {
     position: relative;
     width: 8.333333333333334rem;
     margin: 0 auto;
     height: 100%;
     background: url(../images/tips-bg.jpg) no-repeat center top;
}
 .tips-mask {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background: rgba(0,0,0,.8);
}
 .tips-start, .tips-end {
     position: absolute;
     display: none;
}
 .tips-start {
     top: 2.5555555555555554rem;
     left: 1.7777777777777777rem;
     width: 5.122222222222222rem;
     height: 5.066666666666666rem;
     background: url(../images/start.png) no-repeat;
}
 .tips-end {
     top: 2.3555555555555556rem;
     left: 1.511111111111111rem;
     width: 5.355555555555555rem;
     height: 4.211111111111111rem;
     background: url(../images/end.png) no-repeat;
}
 .tips-start.active, .tips-end.active {
     display: block;
}
/* 2017-4-20 add*/
 .yes-btn {
     width: 2.8777777777777778rem;
     background-position: 0 -15.322222222222223rem;
}
/* 错误提示 */
 .erro_tips{
     position:absolute;
     top:50%;
     left:50%;
     background-color:rgba(0,0,0,0.7);
     border-radius:0.05555555555555555rem;
     font-size:0.4rem;
     color:#fff;
     padding:0.2222222222222222rem 0.3333333333333333rem;
     z-index:9999;
     display:none;
}
 .center{
     transform: translate3d(-50%,-50%, 0);
     -webkit-transform: translate3d(-50%,-50%, 0);
}
/*------------------------------------------------------------------------------- pop_addr ---------------------------------------------------------------------------------*/
 .pop_addr {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 9999;
     text-align: center;
     background: rgba(0, 0, 0, .5);
     display: none;
}
 .pop_addr, 
/* .pop_addr::before {
     display: inline-block;
     vertical-align: middle;
}
 */
/* .pop_addr::before {
     content: "";
     width: 0;
     height: 100%;
}
 */
 .pop_addr_box {
    /* width: 100%;
     */
     overflow: hidden;
     display: none;
    /* background: url(../images/pop-top.png) no-repeat center top, url(../images/pop-bottom.png) no-repeat center bottom, url(../images/pop-bg.png) no-repeat center 0.8rem;
     */
}
 